.limitBox{position: fixed; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: #fff url("https://www.baixuemianshi.com/zhuanti/xcx/suitBg.jpg") no-repeat; background-size: cover; z-index: 9999;}
.limitBox .textContent{width: 600rpx; background-color: #fff; border-radius: 15rpx; padding: 20rpx;text-align: center;}
.limitBox .textContent h3{font-size: 38rpx; margin-bottom: 20rpx; font-weight: bold; color: #990302;}
.limitBox .textContent p{font-size: 30rpx; margin-bottom: 20rpx;}

.zhanweiBox{padding: 30rpx 0;}
.suitBox{position: relative; padding-right: 80rpx;margin: 100rpx 0 100rpx 30rpx;}
.zjt{ position: absolute; right: 0; top: 0; height: calc(100% - 80rpx); display: flex; flex-direction: column; justify-content: center;width: 80rpx;font-size: 50rpx; line-height: 2;text-align: center;font-weight: bold;}
.zjt span{transform: rotate(90deg);}
.suit{position: relative; display: flex;justify-content: space-between;flex-direction: row-reverse; margin-bottom: 100rpx;}
.suit ul{flex: 1;display: flex;justify-content: space-between;flex-direction: column;}
.suit ul li{flex: 1; margin: 5rpx;}
.suit ul li.guodao{margin-top: 80rpx;}
.suit ul li.zuowei{padding: 15rpx 0rpx;background: url("https://www.baixuemianshi.com/zhuanti/xcx/suit.png") center no-repeat; background-size: contain;color: transparent;}
.suit ul li.zuowei.cur{ background-image: url("https://www.baixuemianshi.com/zhuanti/xcx/suit_select.png");}
.suit ul li.zuowei.no{background-image: url("https://www.baixuemianshi.com/zhuanti/xcx/suit_active.png");}
.suit ul li.zuowei.my{ background-image: url("https://www.baixuemianshi.com/zhuanti/xcx/suit_my.png") !important;}
.suit ul li.nosuit{padding: 15rpx 0rpx;color: transparent;}
.confirmBox{position: fixed; bottom: 0; left:0; width:590rpx;  z-index: 20; padding: 15rpx 80rpx 30rpx; background-color: #fff; border-top: 2px solid #990302;}
.suitInfo{text-align: center;margin: 30rpx 0 20rpx;}

.fixtopnav{position: relative; background-color: #fff; border-bottom: 1px solid #ccc;text-align: center;font-size: 30rpx;padding-bottom: 15rpx;margin-bottom: 30rpx;}


.colorIntro{display: flex;justify-content: space-around;margin-top: 30rpx;}
.colorIntro li{display: flex;font-size: 26rpx;align-items: center;}
.colorIntro li span{width: 30rpx;height: 30rpx; background-color: #DED4CA;margin-right: 15rpx;border-radius: 5rpx;}
.colorIntro li.my span{background-color: #ec9457;}
.colorIntro li.select span{background-color: #17f056;}
.colorIntro li.no span{background-color: #990302;}

.chInfo{position: absolute; display: flex; justify-content: space-around;}
.chInfo .ch{position: relative; background-color: #555; color: #fff; padding: 15rpx 5rpx; font-size: 22rpx; z-index: 3; transform: rotate(90deg);}
.chInfo.top{top: -50rpx; left: 0; width: 100%;}
.chInfo.bottom{bottom: -70rpx; left: 0; width: 100%;}
.chInfo.left{flex-direction: column; top: 0; left: -50rpx; height: 100%;}
.chInfo.right{flex-direction: column; top: 0; right: -50rpx; height: 100%;}

.menInfo{position: absolute;background-color: #555; color: #fff; padding: 15rpx 5rpx; font-size: 22rpx; z-index: 3; transform: rotate(90deg);}

.homePage{min-height: 100vh; background: url("https://www.baixuemianshi.com/zhuanti/xcx/water.png") repeat; background-size: 300rpx;}